<!--
 * 作者：zhang
 * 时间：2024/7/21 下午7:45
 * 功能：
 *
-->
<script setup lang="ts">
const { data } = await useFetch('/api/channel', {
  method: 'GET',
})
useSeoMeta({
  title: '欢迎来到你的 Bilbili 应用',
  description: '欢迎来到你的 Bilbili 应用，这里是你的应用主页',
  viewport: 'width=device-width, initial-scale=1.0'
})

</script>

<template>
  <div class="index">
    <app-header></app-header>
    <menu-bar :data="data.data"></menu-bar>
    <div class="video-list">
      <app-video v-for="item in 40" :key="item"></app-video>
    </div>
    <div></div>
  </div>

</template>

<style scoped lang="scss">
.index {
  text-align: center;
  & > h1 {
    font-size: 24px;
    margin-bottom: 20px;
    color: var(--danger-color);
  }
}

</style>
